<div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree"  lay-filter="test">
            {foreach name="category" item="v"}
            <li class="layui-nav-item layui-nav-itemed">
                <a class="" href="javascript:;">{$v.name}</a>
                {if !empty($v.son)}
                <dl class="layui-nav-child">
                    {foreach name="v.son" item="vs"}
                    <dd><a href="javascript:;">{$vs.name}</a></dd>
                    {/foreach}
                </dl>
                {/if}
            </li>
            {/foreach}
        </ul>
    </div>
</div>